<template>
	<view style="display: flex; justify-content: center; margin-top: 5px; height: 50px;">
		<view class="status" style="border-bottom: 1px solid #0000ff; line-height:40px; color: #0000ff">进行中</view>
		<view class="status" style="line-height:40px;">已完成</view>
	</view>
  <view class="container" @click="clicka">
    <view class="test-title" >招生能力测试题1</view>
    <view class="start-date" style="color:#999999">开始日期：2023/03/29</view>
    <view class="end-date" style="color:#999999">结束日期：2023/03/29</view>
    <view class="remaining-time" style="color:#999999">剩余提交时间：3天4时5分</view>
    <view class="completed" style="color:#999999; display: flex;">
		<button type="primary">开始测试</button>
		<view style="height: 30px; line-height: 50px; color: #666666;">28人已经完成，赶紧测试吧！</view>
		</view>
  </view>
</template>
<script>
export  default{
	data() {
		return {
			
		}
	},
	methods: {
		clicka() {
			uni.navigateTo({
				url:"/pages/video/test/dotest"
			})
		}
	}
}
</script>
<style>
.container {
  display: flex;
 flex-direction: column;
  /* align-items: center; */
  padding: 20px;
  background-color: #fff;
  margin: 5px;
}

.status {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.test-title {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.start-date, .end-date, .remaining-time, .completed {
  font-size: 16px;
  margin-bottom: 5px;
}
.status {
	width: 50%;
	text-align: center;
}
page {
	background-color: #f5f5f9;
}
</style>